<html xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:t="http://myfaces.apache.org/tomahawk">

<f:view>
    <f:loadBundle var="text" basename="messages"/>

    <head>
        <title>#{text['controlAccesoForm.title']}</title>
    </head>

    <h:messages errorClass="alert alert-error fade in" layout="table" style="width: 100%"/>

    <p>Please fill in controlAcceso's information below:</p>

    <h:form id="controlAccesoForm" styleClass="form-horizontal well" autocomplete="off">
        <h:inputHidden value="#{controlAccesoForm.controlAcceso.id}" id="id"/>

        <div class="control-group">
            <h:outputLabel for="origen" value="#{text['controlAcceso.origen']}" styleClass="control-label"/>
            <div class="controls">
                <h:inputText value="#{controlAccesoForm.controlAcceso.origen}" id="origen"/>
                <h:message for="origen" styleClass="help-inline"/>
            </div>
        </div>
		
		<div class="control-group">
            <h:outputLabel for="destino" value="#{text['controlAcceso.destino']}" styleClass="control-label"/>
            <div class="controls">
                <h:inputText value="#{controlAccesoForm.controlAcceso.destino}" id="destino"/>
                <h:message for="destino" styleClass="help-inline"/>
            </div>
        </div>
        
          <div class="form-group">
            <h:outputLabel styleClass="control-label" for="protocolo" value="#{text['controlAcceso.protocolo']}"/>
                <h:selectOneMenu value="#{controlAccesoForm.controlAcceso.protocolo}" id="protocolo" styleClass="form-control" style="height: 38px">
                    <f:selectItems value="#{controlAccesoForm.protocolos}"/>
                </h:selectOneMenu>
                <h:message  for="protocolo" styleClass="help-inline"/>
          </div>
          <div class="form-group">
            <h:outputLabel styleClass="control-label" for="accion" value="#{text['controlAcceso.accion']}"/>
                <h:selectOneMenu value="#{controlAccesoForm.controlAcceso.accion}" id="accion" styleClass="form-control" style="height: 38px">
                    <f:selectItems value="#{controlAccesoForm.accions}"/>
                </h:selectOneMenu>
                <h:message  for="accion" styleClass="help-inline"/>
          </div>        
   
        <div class="form-actions">
            <h:commandButton value="Save" action="#{controlAccesoForm.save}" id="save" styleClass="btn btn-primary"/>
            <c:if test="${not empty controlAccesoForm.id}">
                <h:commandButton value="Delete" action="#{controlAccesoForm.delete}" id="delete" styleClass="btn"/>
            </c:if>
            <h:commandButton value="Cancel" action="cancel" immediate="true" id="cancel" styleClass="btn"/>
        </div>

    </h:form>

    <script type="text/javascript">
        $(document).ready(function() {
            $("input[type='text']:visible:enabled:first", document.forms['controlAccesoForm']).focus();
        });
    </script>

</f:view>
</html>